<?php global $ilang; ?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title><?php echo $title; ?></title>
        <link rel="stylesheet" type="text/css" media="all" href="resources/style.css" />

        <script type="text/javascript" src="resources/jquery-1.6.2.min.js"></script>

        <?php if ($step == 1 || $step == 2) { ?>
            <link rel="stylesheet" type="text/css" media="all" href="resources/jquery.bubblepopup.v2.3.1.css" />
            <script type="text/javascript" src="resources/jquery.bubblepopup.v2.3.1.min.js"></script>
            <script type="text/javascript">
                $(document).ready(function() {
                    $('img').CreateBubblePopup({
                        position: 'right',
                        align: 'middle',
                        tail: {
                            align: 'middle'
                        },
                        themeName: 'all-azure',
                        themePath: 'resources',
                        alwaysVisible: false,
                        closingDelay: 200
                    });
                                    
    <?php if ($step == 1) { ?>
                $('#bubble0').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP1_BUBBLE_0']; ?>");
                $('#bubble1').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP1_BUBBLE_1']; ?>");
                $('#bubble2').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP1_BUBBLE_2']; ?>");
                $('#bubble3').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP1_BUBBLE_3']; ?>");
                $('#bubble4').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP1_BUBBLE_4']; ?>");
                $('#bubble5').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP1_BUBBLE_5']; ?>");
                $('#bubble6').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP1_BUBBLE_6']; ?>");
                $('#bubble7').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP1_BUBBLE_7']; ?>");
                $('#bubble8').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP1_BUBBLE_8']; ?>");
                $('#bubble9').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP1_BUBBLE_9']; ?>");
                $('#bubble10').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP1_BUBBLE_10']; ?>");
                $('#bubble11').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP1_BUBBLE_11']; ?>");
    <?php } else if ($step == 2) { ?>
                $('#bubble1').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP2_BUBBLE_1']; ?>");
                $('#bubble2').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP2_BUBBLE_2']; ?>");
                $('#bubble5').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP2_BUBBLE_5']; ?>");
                $('#bubble6').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP2_BUBBLE_6']; ?>");
                $('#bubble7').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP2_BUBBLE_7']; ?>");
                $('#bubble8').SetBubblePopupInnerHtml("<?php echo $ilang['INSTALL_STEP2_BUBBLE_8']; ?>");
    <?php } ?>
        });               
            </script>
        <?php } ?>
    </head>
    <body>
        <div id="center">
